<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>main_entiity</title>
<script src="./showStatistic.js"></script>
<script>
    $(document).ready(function() {
    	$('#get').click(function() {
    		var _name = $("#name").val();
    		var _year = $("#year").val();
    		var _month = $("#month").val();
    		var _date = $("#date").val();
    		getStatistic( _name, _year, _month, _date );
        });
    	$('#put').click(function() {
    		var _id = $("#last_id").val();
    		var _count = $("#count").val();
    		getFilterListForStatistic( _id, _count );
        });
    });
</script>
</head>
<body>
<div style="float: left; width: 720px;">
	<div style="width: 100%;">
		<table border="1" style="width:100%">
	    	<tr>
				<td>name:<input type="text" id="name" value="蔡艳红"/></td>
				<td>date:<input type="text" id="date" value=""/></td>
			</tr>
	    	<tr>
				<td>year:<input type="text" id="year" value="2016"/></td>
				<td>month:<input type="text" id="month" value="03"/></td>
			</tr>
			<tr>
				<td>last_id:<input type="text" id="last_id" value="(0)"/></td>
				<td>count:<input type="text" id="count" value="10"/></td>
			</tr>
	    	<tr>
				<td>type:SHOW_Statistic</td>
			</tr>
	    	<tr>
	    		<td>
					<select id="queryUrl">
						<option value="person/{name}/{year}/{month}">person/{name}/{year}/{month}</option>
						<option value="persons/department/{name}/{year}/{month}">persons/department/{name}/{year}/{month}</option>
						<option value="department/{name}/{year}/{month}">department/{name}/{year}/{month}</option>
						<option value="department/sum/{name}/{year}/{month}">department/sum/{name}/{year}/{month}</option>
						<option value="department/{name}/{date}">department/{name}/{date}</option>
						<option value="department/day/{name}/{year}/{month}">department/day/{name}/{year}/{month}</option>
						<option value="department/day/{name}/{date}">department/day/{name}/{date}</option>
						<option value="company/{name}/{year}/{month}">company/{name}/{year}/{month}</option>
						<option value="company/day/{name}/{year}/{month}">company/day/{name}/{year}/{month}</option>
					</select>
				</td>
				<td>
					<button id="get">GET</button>
				</td>
			</tr>
			<tr>
	    		<td>
					<select id="putUrl">
						<option value="filter/personMonth/list/{id}/next/{count}">filter/personMonth/list/{id}/next/{count}</option>
						<option value="filter/personMonth/list/{id}/prev/{count}">filter/personMonth/list/{id}/prev/{count}</option>
						<option value="filter/departmentMonth/list/{id}/next/{count}">filter/departmentMonth/list/{id}/next/{count}</option>
						<option value="filter/departmentMonth/list/{id}/prev/{count}">filter/departmentMonth/list/{id}/prev/{count}</option>
						<option value="filter/companyMonth/list/{id}/next/{count}">filter/companyMonth/list/{id}/next/{count}</option>
						<option value="filter/companyMonth/list/{id}/prev/{count}">filter/companyMonth/list/{id}/prev/{count}</option>
						<option value="filter/departmentDay/list/{id}/next/{count}">filter/departmentDay/list/{id}/next/{count}</option>
						<option value="filter/departmentDay/list/{id}/prev/{count}">filter/departmentDay/list/{id}/prev/{count}</option>
						<option value="filter/companyDay/list/{id}/next/{count}">filter/companyDay/list/{id}/next/{count}</option>
						<option value="filter/companyDay/list/{id}/prev/{count}">filter/companyDay/list/{id}/prev/{count}</option>
					</select>
				</td>
				<td>
					<button id="put">PUT</button>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<textarea id="content" style="width:97%;height:300px"></textarea>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<textarea id="result" style="width:97%;height:400px"></textarea>
				</td>
			</tr>
	    </table>
	</div>
</div>
</body>
</html>